<template>
<!-- 修改居民 -->
  <div class="main">   
  <div class="select">
    <el-row class="pt">紧急求助详情</el-row>    
        <div class="buttom status">
   {{statustype}}
    </div>
        <div class="buttom">
             <el-row class="pt-title">居民信息</el-row>
      <el-button @click="back">返回</el-button>
    </div>   
     <el-row>
        <el-col :span= 6>
          <div>
            <el-form ref="editform" :model="editform" label-width="80px" :disabled= true>
              <el-form-item label="姓名:">
                <el-input v-model="editform.name"></el-input> </el-form-item
            ></el-form>
          </div>
        </el-col>
        <el-col :span= 6 :offset= 3>
          <div>
            <el-form ref="editform" :model="editform" label-width="80px" :disabled= true>
              <el-form-item label="证件类型:">
                <el-input v-model="editform.Idtype"></el-input> </el-form-item
            ></el-form>
          </div>
        </el-col>
        <el-col :span= 6 :offset= 3>
          <div>
            <el-form ref="editform" :model="editform" label-width="80px" :disabled= true>
              <el-form-item label="证件号码:">
                <el-input v-model="editform.idCard"></el-input> </el-form-item
            ></el-form>
          </div>
        </el-col> 
      </el-row>
      <el-row>
     <el-col :span= 6 >
          <el-form ref="editform" :model="editform" label-width="80px" :disabled= true>
            <el-form-item label="居住地址:">
              <el-input v-model="editform.address"></el-input> </el-form-item
          ></el-form>
        </el-col>
               <el-col :span= 6 :offset= 3>
          <div>
            <el-form ref="editform" :model="editform" label-width="80px" :disabled= true>
              <el-form-item label="手机号码:">
                <el-input v-model="editform.mobile"></el-input> </el-form-item
            ></el-form>
          </div>
        </el-col>
      </el-row>
    </div>
 <div class="select">
    <el-row class="pt">
         <el-row class="pt-title">求助信息</el-row></el-row>     
     <el-row>
        <el-col :span= 6>
          <div>
            <el-form ref="editform" :model="editform" label-width="80px" :disabled= true>
              <el-form-item label="申请时间:">
                <el-input v-model="editform.name"></el-input> </el-form-item
            ></el-form>
          </div>
        </el-col>
        <el-col :span= 6 :offset= 3>
          <div>
            <el-form ref="editform" :model="editform" label-width="80px" :disabled= true>
              <el-form-item label="求助类型:">
                <el-input v-model="editform.Idtype"></el-input> </el-form-item
            ></el-form>
          </div>
        </el-col>
      </el-row>
      <el-row>
     <el-col :span= 15 >
          <el-form ref="editform" :model="editform" label-width="80px" :disabled= true>
            <el-form-item label="求助内容:">
              <el-input  type="textarea"
             :rows="4"
              placeholder="请输入内容"
              v-model="contentedit">></el-input> </el-form-item
          ></el-form>
        </el-col>
               <el-col :span= 6 :offset= 3>
          <div>
            <el-form ref="editform" :model="editform" label-width="80px" :disabled= true>
              <el-form-item label="附件:">
                <el-input v-model="editform.mobile"></el-input> </el-form-item
            ></el-form>
          </div>
        </el-col>
      </el-row>
    </div>

 <div class="select">
    <el-row class="pt">
         <el-row class="pt-title">处理结果</el-row></el-row>     
     <el-row>
        <el-col :span= 6>
          <div>
            <el-form ref="editform" :model="editform" label-width="80px" :disabled= true>
              <el-form-item label="紧急度:">
                <el-input v-model="editform.name"></el-input> </el-form-item
            ></el-form>
          </div>
        </el-col>
        <el-col :span= 6 :offset= 3>
          <div>
            <el-form ref="editform" :model="editform" label-width="80px" :disabled= true>
              <el-form-item label="处理人:">
                <el-input v-model="editform.Idtype"></el-input> </el-form-item
            ></el-form>
          </div>
        </el-col>
        <el-col :span= 6 :offset= 3>
          <div>
            <el-form ref="editform" :model="editform" label-width="80px" :disabled= true>
              <el-form-item label="完成时间:">
                <el-input v-model="editform.Idtype"></el-input> </el-form-item
            ></el-form>
          </div>
        </el-col>
      </el-row>
      <el-row>
     <el-col :span= 15 >
          <el-form ref="editform" :model="editform" label-width="80px" 
          :disabled= true>
            <el-form-item label="处理结果:">
              <el-input  type="textarea"
             :rows="4"
              placeholder="请输入内容"
              v-model="contentedit">></el-input> </el-form-item
          ></el-form>
        </el-col>
      </el-row>
    </div>

  </div>
</template>

<script>
export default {
  name: "ViewEmergency",
  data() {
    return {
        statustype:'求助中',
        contentedit:'',
          page: {
          page_index: 1,
          page_limit: 10
        },
         page_total: 20, //总条数
           options: [{
          value: '选项1',
          label: '444'
        }, {
          value: '选项2',
          label: '身份证'
        },],
        value: '',
			  editform: {},
    };
  },
   created() {     
   this.editform =JSON.parse(this.$route.query.info) 
   console.log(this.editform,this.$route.query.info);
  },
  mounted() {
  },
  methods: {
      back() {
        this.$router.push({
        name: "urgent",
      });
      },
  },
};
</script>

<style scoped>
.main {
  padding: 10px;
}
.nameinfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* align-item center */
}
.title-span {
  color: red;
  padding-left: 20px;
}
.buttom {
  padding: 10px 0 20px 0;
  /* width: 500px; */
  text-align: right;
}
.select {
padding: 15px 64px 0px
}
.nameinfo2 {
  display: flex;
  align-items: center;
}
.content {
	padding: 95px 54px 0px;
}
.pt {
    font-size: 20px;
    font-weight: 600;
  padding-bottom: 10px;
}
.pt-title {
        float: left;
     font-size: 18px;
    font-weight: 450;
  padding-bottom: 10px;
}
.status{ 
    font-size: 23px;}
.content-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 40px;
}
.block {
	padding-top: 20px;
	text-align: right;
}
</style>
